//封装倒计时函数
import { ref, computed, onUnmounted } from 'vue'
import dayjs from 'dayjs'

export const useCountDown = () => {
  //1，响应式数据
  let intervalId = null
  const time = ref(0)
  //格式化时间 为 xx分xx秒
  const formatTime = computed(() => dayjs.unix(time.value).format('mm分ss秒'))

  //2，开启倒计时的函数
  const start = (currentTime) => {
    //开始倒计时的逻辑
    time.value = currentTime
    intervalId = setInterval(() => {
      time.value--
      if (time.value <= 0) {
        clearInterval(intervalId)
      }
    }, 1000)
  }

  //组件销毁时清除定时器
  onUnmounted(() => {
    intervalId && clearInterval(intervalId)
  })

  return {
    formatTime,
    start
  }
}